<template>
  <div class="userName">
    <van-nav-bar title="编辑名称" right-text="完成" left-arrow />
    <div class="field-wrap">
      <van-field
        v-model.trim="localName"
        rows="2"
        autosize
        type="textarea"
        maxlength="17"
        placeholder="请输入昵称"
        show-word-limit
      />
    </div>
  </div>
</template>

<script>
export default {
  name: 'UserName',
  data() {
    return {
      localName: ''
    }
  }
}
</script>

<style lang="less" scoped>
.userName {
  .field-wrap {
    padding: 20px;
  }
}
</style>
